<template>
    <div>
        <!-- <p>{{ name }}</p> -->
        <div>
            <input type="text" :value="value" @input="$emit('input', $event.target.value)">
        </div>
        <p>{{ name }}</p>
        
    </div>
</template>

<script>
export default {
    props: ['value'],
    data() {
        return {
            name: "子组件",
            str: "默认值"
        }
    }
    // methods: {
    //     handleInput(e) {
    //         console.log(e.target.value)
    //         console.log(this.props)
    //         this.$emit("input", e.target.value)
    //     }
    // }
}
</script>

<style lang="scss" scoped></style>